<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>用户登录</title>
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css" />
	<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
	<script src="./js/jquery-3.5.1.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<style type="text/css">
		body {
			background: url(./img/bcg1.jpg) no-repeat center 0px;
			background-size: cover;
		}

		.LoginDiv {
			filter: alpha(Opacity=80);
			-moz-opacity: 0.6;
			opacity: 0.9;
		}

		.modal-header {
			padding: 0;
		}

		.modal-dialog .close {
			position: absolute;
			top: 10px;
			right: 15px;
		}

		.modal-dialog h3 {
			font-size: 14px;
			height: 42px;
			line-height: 42px;
			margin: 0;
			padding: 0 80px 0 20px;
		}

		.modal-dialog label {
			font-weight: 400;
		}

		@media (min-width: 1080px) {

			/*模态框-距顶部距离*/
			.modal-dialog {
				margin-top: 100px;
			}

			.col-sm-6 {
				padding-left: 0;
				padding-right: 0;
			}

		}
	</style>
</head>

<body>
<!--模态框-->
<div class="modal-dialog LoginDiv">
	<div class="modal-content">
		<form class="form-horizontal" autocomplete="off" action="/user/login" method="post">
			<div class="modal-header">
				<a href="index.html" class="close" data-dismiss="modal">x</a>
				<h3>用户登录</h3>
			</div>
			<div class="modal-body">
				<div class="form-group">
					<label for="name" class="col-sm-2 control-label">用户名</label>
					<div class="col-sm-6">
						<input type="text" class="form-control" id="name" placeholder="请输入用户名" name="username">
					</div>
				</div>
				<div class="form-group">
					<label for="ipwd" class="col-sm-2 control-label">密码</label>
					<div class="col-sm-6">
						<input type="password" class="form-control" id="ipwd" placeholder="请输入密码" name="password">
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary pull-left col-sm-2 col-sm-offset-1" type="submit"
						id="btn_register">登录</button>
				没有账号？点击<a href="Register.html">注册！</a>
			</div>

		</form>
	</div>
</div>
</body>

</html>